<script setup>
import useCounter from '@/composable/useCounter'
import Divider from '@/components/divider/Divider.vue'

const { count, add , sub } = useCounter(10)
</script>

<template>
  <p>{{ count }}</p>
  <button @click="sub">-</button>
  <Divider direction="vertical" color="blue"></Divider>
  <button @click="add">+</button>
  <Divider color="blue" margin="20px 0" border-style="dashed" width="10px"></Divider>
</template>
